<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="/lib/bootstrap/bootstrap.css">
  <link rel="stylesheet" href="/lib/swiper/package/swiper-bundle.css">
  <link rel="stylesheet" href="/css/shoppingcart.css">
  <link rel="shortcut icon" href="/favicon.ico">
  <title>Document</title>
</head>

<body>
  <!-- 头部 -->
  <header>

  </header>
  <!-- 购物结算主体-->
  <main class="container-fluid">
    <div class="layout container-fluid">
      <div class="page basket-page">
        <div class="basket-header container">
          <div class="title">
            <h2>购物车</h2>
            <p><span>SHOPPING CART</span></p>
          </div>
          <div class="process clearfix">
            <div class="step step1 active">
              <p>我的购物车</p>
            </div>
            <div class="step step2">
              <p>填写订单信息</p>
            </div>
            <div class="step step3">
              <p>成功提交订单</p>
            </div>
            <div class="line line1 active"></div>
            <div class="line line2"></div>
          </div>
        </div>
        <div class="basket-container container">
          <div class="list-wrap">
            <p class="list-header clearfix">
              <span class="h-checkall btn-checkall checked"><i>全选</i></span>
              <span class="h-product">商品</span>
              <span class="h-attr">名称</span>
              <span class="h-amount">数量</span>
              <span class="h-spec">销量</span>
              <span class="h-price">单价</span>
              <span class="h-operate">操作</span>
            </p>
            <div class="list-content">
              <ul class="regular-list">
              </ul>
            </div>
            <script type="text/html" id="cartTemplate">
                {{each prodList item}}
                <li class="item">
                  <div class="item-content clearfix">
                    <div class="c-ckbox">
                        <a href="javascript:;" class="btn-ckbox{{item.isChecked ? 'checked' : ''}}"></a>
                    </div>
                    <div class="c-product clearfix">
                      <a href="#" class="img">
                        <img src="{{item.imgSrc}}" alt="">
                      </a>
                      <div class="text">
                        <p class="cn">{{item.title}}</p>
                      </div>
                    </div>
                    <div class="c-amount">
                      <div class="content clearfix">
                        <a href="javascript:;" class="btn btn-sub" prodId={{item.id}}></a>
                        <div class="amount-wrap">
                          <input type="text" class="txt-amount" value="{{item.count}}">
                        </div>
                        <a href="javascript:;" class="btn btn-add" prodId={{item.id}}></a>
                      </div>
                    </div>
                    <div class="c-spec">
                      <p>{{item.saleNum}}</p>
                    </div>
                    <div class="c-price">
                      <p>¥{{item.price}}</p>
                    </div>
                    <div class="c-operate">
                      <a href="javascript:;" class="btn-del-item" prodId="{{item.id}}">删除</a>
                    </div>
                  </div>
                </li>
                {{/each}}
            </script>
            <div class="list-footer">
              <p class="footer-checkall clearfix">
                <span class="f-checkall btn-checkall">全选</span>
              </p>
              <div class="footer-content clearfix">
                <p class="clearfix">
                  <span class="cbx">共选<span style="float:none;">&nbsp;0&nbsp;</span>件</span>
                  <span class="tip">(不包含运费)</span>
                </p>
                <p class="clearfix">
                  <span>共</span>
                  <span class="dollar">¥</span>
                  <span class="money">0.00</span>
                </p>
                <a href="javascript:;" class="btn-settle">去结算</a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>
  <!-- 底部 -->
  <footer>

  </footer>
  <script src="/lib/require/require.js" data-main="/js/shoppingcart"></script>
  <script src="/lib/swiper/package/swiper-bundle.js"></script>
</body>

</html>